<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>비밀번호 변경</title>
        <!-- 스타일 -->
        <link type="text/css" rel="stylesheet" href="/spring-GOP/css/common.css" />
        <link type="text/css" rel="stylesheet" href="/spring-GOP/css/myprimus/style_50.css" />
        <link type="text/css" rel="stylesheet" href="/spring-GOP/css/myprimus/style_5050.css" />

        <!-- 스크립트-->
        <style type="text/css">
            .layout > div.title
            {
                font-size: 15px;
                text-decoration: underline;
                color: #000000;
                font-weight: 600;
                margin-bottom: 5px;
            }
        </style>
</head>

<script type="text/javascript">

	function editCheck() {
		
		var oldpw = document.getElementById("password").value;
		var newpw = document.getElementById("Password_New").value;
		var newpwck =document.getElementById("Password_Conf").value;
		
		if(oldpw == "" || newpw =="" || newpwck==""){
			alert ("비밀번호를 입력해 주세요.");
			password.focus();
			return;
		}
		else if (oldpw != '${user.getMember_pw()}'){
			alert("사용하던 비밀번호가 맞지 않습니다. 확인해주세요.");
			password.focus();
			return;
		}
		
		else if (oldpw == newpw){
			alert ("사용하던 비밀번호와 바꿀 비밀번호가 일치합니다. 확인해주세요.");
			Password_New.focus();
			return;
		}
		else if (newpw != newpwck){
			alert("바꿀 비밀번호가 일치 하지 않습니다. 확인해주세요.");
			Password_Conf.focus();
			return;
		}
		document.forms["pwd"].submit();
	 	window.close(); 
		
	}
</script>
<body id="popup">
<form method="post" name="pwd" id="pwd"> 
        <div id="wrapper">
            <!-- header -->
            <div id="header">
                <!-- top-container -->
                <div class="popup-top-container">
                    <!-- top -->
                    <div class="popup-top">
                        <!-- 상단 menu -->
                        <h1>비밀번호 변경</h1>
                        <!-- //상단 menu -->
                    </div>
                    <!-- //top -->
                </div>
                <!-- //top-container -->
            </div>
            <!-- //header -->

            <!-- container -->
            <div id="popup-container">
                <div class="MyPrimus_PWD">
                    <p class="guide">6~20자의 영문 대/소문자, 숫자, 특수문자를 조합하여 사용하실 수 있습니다.</p>
                    <table>
                        <input data-val="true" data-val-length="아이디는 6~20자리 이내 입니다." data-val-length-max="20" data-val-length-min="6" data-val-regex="아이디는 영문숫자 조합이여야 합니다." data-val-regex-pattern="^(?=([a-zA-Z]+[0-9]+[a-zA-Z0-9]*|[0-9]+[a-zA-Z]+[a-zA-Z0-9]*)$).{6,20}" data-val-required="아이디을 입력하세요" id="Id" name="Id" type="hidden" value="${user.getMember_id()}" />
                        <tr>
                            <th>
                                <label for="Password">현재 비밀번호</label></th>
                            <td>
                                <input class="input-box pwd_txt" id="password" name="password" type="password" value="" />
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <label for="Password_New">신규 비밀번호</label></th>
                            <td>
                                <input class="input-box pwd_txt" data-val="true" data-val-regex="비밀번호는 6자리이상 20자리 이하여야만 합니다." data-val-regex-pattern=".{6,20}" data-val-remote="패스워드는 영문숫자특수 조합이여야 하며 아이디를 포함할수 없습니다." data-val-remote-additionalfields="*.Password_New,*.Id" data-val-remote-url="/Member/ValidationPassWord" id="Password_New" maxlength="20" name="member_pw" type="password" value="" />
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <label for="Password_Conf">비밀번호 재확인</label></th>
                            <td>
                                <input class="input-box pwd_txt" data-val="true" data-val-regex="비밀번호확인은 6자리이상 20자리 이하여야만 합니다." data-val-regex-pattern=".{6,20}" data-val-remote="패스워드는 영문숫자특수 조합이여야 하며 아이디를 포함할수 없습니다." data-val-remote-additionalfields="*.Password_Conf,*.Id" data-val-remote-url="/Member/ValidationPassWord" data-val-required="패스워드 확인을 입력하세요" id="Password_Conf" maxlength="20" name="passwordc" type="password" value="" />
                                <p></p>
                            
                            </td>
                        </tr>
                    </table>
                    <div class="btn">
                        <a href="javascript:editCheck();"  class="button h30 orange"><b>확인</b></a>
                        <a href="javascript:window.close();" class="button h30 white"><b>취소</b></a>
                    </div>
                    <div class="popup-close-button">
                    	<a href="javascript:window.close();"><b>닫기</b></a>
                  
                    </div>
                </div>
            </div>
            <!-- //container -->
        </div>
        <input id="hOldPasswd" name="member_id" type="hidden" value="${user.member_id}" />
</form>
    </body>
</html>


